<!DOCTYPE html>
<html lang="zh">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>Document</title>
		<style>
			.box {
				position: relative;
				padding-right: 30px;
				/* 为角标留出空间 */
			}

			.box::after {
				content: "★";
				/* 角标的内容 */
				position: absolute;
				top: 0;
				right: 0;
				bottom: 0;
				width: 30px;
				/* 角标的宽度 */
				margin: auto;
				/* 垂直居中 */
				text-align: center;
				/* 水平居中 */
				font-size: 20px;
				/* 角标字体大小 */
			}

			.image-with-badge {
				position: relative;
				display: inline-block;
			}

			.image-with-badge img {
				display: block;
				/* 避免底部空白 */
			}

			.image-with-badge::before {
				content: url('img/fire.png');
				display: inline-block;
				width: 50px;
				/* 设置图片宽度 */
				height: 50px;
			}
		</style>
	</head>
	<body>
		<div class="box">// data =
			"{"componentKey":"wp_pc_common_header","params":"{\"memberId\":\"b2b-221601025288178b15\"}"}"
			// 9fcbdefce6e4b582d717e4fec4d6a73e
			// "8d553c63f1b52da15eae645f4926e934"

			// const token = "d48bb87b0e679806086ff83b6816d993";
			// const g = '12574478',
			// data =`{"componentKey":"wp_pc_common_header","params":"{\\"memberId\\":\\"${memberId}\\"}"}`,
			// i = (new Date).getTime();
			// let sign_key = token + '&' + i + '&' + g + '&' + data;
			// let sign = h(sign_key);
			// console.log(sign_key);
			// console.log(sign);</div>
		<div class="image-with-badge">
			<img src="https://cbu01.alicdn.com/img/ibank/O1CN01RC9ZHw1xn66mUld1Z_!!2426936487-0-cib.jpg_460x460q100.jpg"
				alt="">
		</div>
	</body>
</html>